<!DOCTYPE html>
<html>
<head>
    <title>HipSiGa</title>
    <link type="text/css" rel="stylesheet" href="/css/styles.css"/>
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <style type="text/css>">
        ul.buttons
        {
            list-style: none;
        }

        ul.buttons li
        {
            float:left;
            margin-right: 10px;
        }
    </style>
</head>
<body>
<div class="Container">
    <div id="Header">
        <div id="Row1_Header">
            <img src="/images/layout/logo_living_next.png" height="70"/>
            <ul class="menu1">
                <li>
                    <a href="#">
                        Home
                    </a>

                </li>

                <li>
                    <a href="#">
                        about us
                    </a>

                </li>

                <li>
                    <a href="#">
                        press
                    </a>

                </li>

                <li>
                    <a href="#">
                        advertising
                    </a>
                </li>
            </ul>

            <div class="Menu_Panel2">
                <ul>
                    <li>
                        <a href="<?=base_url() . 'profile'?>">
                            profile
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            network
                        </a>
                    </li>

                    <li>
                        <a href="<?=base_url().'mail'?>">
                            inbox
                        </a>
                    </li>
                </ul>

                <ul class="authen">
                    <li>
                        <a href="#">
                            my account
                        </a>
                    </li>

                    <li>
                        <a href="<?=base_url().'logout'?>">
                            log out
                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <?php
        if ($this->session->userdata("menu_flag") == "1") {
            ?>
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#Row2_Header").css('display', 'block');
                    $("#Row1_Header ul.menu1").css('display', 'none');
                    $(".Menu_Panel2").css('display', 'block');
                });
            </script>
            <?
        }
        else
        {
            ?>
            <script type="text/javascript">
                $(document).ready(function () {
                    $("#Row2_Header").css('display', 'none');
                    $("#Row1_Header ul.menu1").css('display', 'block');
                    $(".Menu_Panel2").css('display', 'none');
                });
            </script>
            <?
        }
        ?>
        <div id="Row2_Header">
            <div class="Menu">
                <ul>
                    <li>
                        <a href="<?=base_url() . ''?>">home</a>
                    </li>

                    <li>
                        <a href="<?=base_url() . 'community'?>">COMMUNITY</a>
                    </li>

                    <li>
                        <a href="<?=base_url() . 'life-factor'?>">LIFE’S FACTOR</a>
                    </li>

                    <li>
                        <a href="#">EVENT & ACITIVITIES</a>
                    </li>

                    <li>
                        <a href="#">ASCOTT SERVICES</a>
                    </li>

                    <li>
                        <a href="">HELP</a>
                    </li>
                </ul>
                <div id="Search_Box">
                    <img src="/images/layout/search_button_icon.png"/>
                    <input type="text"/>
                </div>
            </div>
        </div>
    </div>
    <div id="Wrapper">